<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <script>
        window._abtestVariants = []</script>
    <title>卡王贷</title>
    <link href="../static/H5/css/loan.css" rel="stylesheet" />
    <style type="text/css">._v-container[data-v-ecaca2b0]{-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}._v-container>._v-content[data-v-ecaca2b0]{width:100%;-webkit-transform-origin:left top;-webkit-transform:translateZ(0);-moz-transform-origin:left top;-moz-transform:translateZ(0);-ms-transform-origin:left top;-ms-transform:translateZ(0);-o-transform-origin:left top;-o-transform:translateZ(0);transform-origin:left top;transform:translateZ(0)}._v-container>._v-content>.pull-to-refresh-layer[data-v-ecaca2b0]{width:100%;height:60px;margin-top:-60px;text-align:center;font-size:16px;color:#aaa}._v-container>._v-content>.loading-layer[data-v-ecaca2b0]{width:100%;height:60px;text-align:center;font-size:16px;line-height:60px;color:#aaa;position:relative}._v-container>._v-content>.loading-layer>.no-data-text[data-v-ecaca2b0]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}._v-container>._v-content>.loading-layer>.no-data-text[data-v-ecaca2b0],._v-container>._v-content>.loading-layer>.spinner-holder[data-v-ecaca2b0]{opacity:0;transition:opacity .15s linear;-webkit-transition:opacity .15s linear}._v-container>._v-content>.loading-layer>.no-data-text.active[data-v-ecaca2b0],._v-container>._v-content>.loading-layer>.spinner-holder.active[data-v-ecaca2b0]{opacity:1}._v-container>._v-content>.loading-layer .spinner-holder[data-v-ecaca2b0],._v-container>._v-content>.pull-to-refresh-layer .spinner-holder[data-v-ecaca2b0]{text-align:center;-webkit-font-smoothing:antialiased}._v-container>._v-content>.loading-layer .spinner-holder .arrow[data-v-ecaca2b0],._v-container>._v-content>.pull-to-refresh-layer .spinner-holder .arrow[data-v-ecaca2b0]{width:20px;height:20px;margin:8px auto 0;-webkit-transform:translateZ(0) rotate(0deg);transform:translateZ(0) rotate(0deg);transition:transform .2s linear}._v-container>._v-content>.loading-layer .spinner-holder .text[data-v-ecaca2b0],._v-container>._v-content>.pull-to-refresh-layer .spinner-holder .text[data-v-ecaca2b0]{display:block;margin:0 auto;font-size:14px;line-height:20px;color:#aaa}._v-container>._v-content>.loading-layer .spinner-holder .spinner[data-v-ecaca2b0],._v-container>._v-content>.pull-to-refresh-layer .spinner-holder .spinner[data-v-ecaca2b0]{margin-top:14px;width:32px;height:32px;fill:#444;stroke:#69717d}._v-container>._v-content>.pull-to-refresh-layer.active .spinner-holder .arrow[data-v-ecaca2b0]{-webkit-transform:translateZ(0) rotate(180deg);transform:translateZ(0) rotate(180deg)}</style>
    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
        document.write(unescape("%3Cspan  style='display:none;'  id='cnzz_stat_icon_1271494136'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1271494136' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script>
        //声明_czc对象:
        var _czc = _czc || [];
        //绑定siteid，请用您的siteid替换下方"XXXXXXXX"部分
        _czc.push(["_setAccount", "1271494136"]);
    </script>
</head>
<body style="">
<div class="main-container">
    <div>
        <div class="tab-content">
            <div keep-alive="">
                <div class="fix-header">
                    <img src="../static/H5/images/bao.png" class="front-img" />
                    <!-- <div>
                     <ul class="tab-list">
                      <li class=""> 放款快 </li>
                      <li class=""> 通过率高 </li>
                      <li class=""> 只需身份证 </li>
                     </ul>
                    </div> -->
                </div>
                <div class="company-info">
                    <div class="info-container">
                        <c:forEach items="${list}" var="list">
                            <div class="loan-company-info-wrapper">
                                <a href="${list.line}" onclick="_czc.push(['_trackEvent', '${list.productName}', '跳转']);" target="_blank">
                                <div data-v-6a9e6a72="" class="loan-company-info">
                                    <!---->
                                    <div class="weui-cells vux-no-group-title">
                                        <img data-v-6a9e6a72="" src="${list.productLogo}" class="company-logo" />
                                        <div data-v-6a9e6a72="" class="brief-info">
                                            <div data-v-6a9e6a72="" class="company-title">
                                                <span data-v-6a9e6a72="" class="company-name">${list.productName}</span>
                                                <span data-v-6a9e6a72="" class="loan-condition">${list.productTag}</span>
                                            </div>
                                            <div data-v-6a9e6a72="" class="info">
                                                <c:if test="${empty list.recommendDayRate}">
                                                    <span data-v-6a9e6a72="" class="info-label">推荐月利率(%)</span>
                                                    <span data-v-6a9e6a72="" class="loan-interst">${list.recommendMonRate}</span>
                                                </c:if>
                                                <c:if test="${empty list.recommendMonRate}">
                                                    <span data-v-6a9e6a72="" class="info-label">推荐日利率(%)</span>
                                                    <span data-v-6a9e6a72="" class="loan-interst">${list.recommendDayRate}</span>
                                                </c:if>
                                            </div>
                                            <div data-v-6a9e6a72="" class="info">
                                                <c:if test="${not empty list.amountRange}">
                                                    <span data-v-6a9e6a72="" class="info-label">额度区间 </span>
                                                    <span data-v-6a9e6a72="" class="loan-limit">${list.amountRange}</span>
                                                </c:if>
                                                <c:if test="${not empty list.maxAmount}">
                                                    <span data-v-6a9e6a72="" class="info-label">最高额度 </span>
                                                    <span data-v-6a9e6a72="" class="loan-limit">${list.maxAmount}</span>
                                                </c:if>
                                            </div>
                                            <div data-v-6a9e6a72="" class="info">
                                                <span data-v-6a9e6a72="" class="info-label">放款时间</span>
                                                <span data-v-6a9e6a72="" class="loan-time">${list.giveDuration}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </a>
                            </div>
                        </c:forEach>
                    </div>
                    <!-- <div data-v-8237ca54="">
                     <div data-v-8237ca54="" class="list-title">
                      <span data-v-8237ca54="" class="pink-block"></span>
                      <span data-v-8237ca54="" class="active title">已申请产品</span>
                     </div>
                     <div class="info-container" data-v-8237ca54=""></div>
                    </div>
                          </div>
                          <div data-v-7cb04f4e="" class="footer-container">
                    <img data-v-7cb04f4e="" src="./百姓金融 - 百姓网旗下的金融贷款服务平台 - 服务于个人消费贷款，企业贷款 - 百姓网_files/7a8b3efb1678f874236d962373420f19.png" />
                    <p data-v-7cb04f4e="">关注“ <strong data-v-7cb04f4e="">百姓有米</strong>”微信公众号</p>
                    <p data-v-7cb04f4e="">随时随地都能贷，查询贷款状态，更有惊喜好礼相送。</p>
                    <a data-v-7cb04f4e="" href="https://jinrong.baixing.com/m/wechathelper" class="link">+ 关注</a>
                          </div>  -->
                    <div class="footer">
                        <p>&copy; 2017 卡王贷版权所有</p>
                    </div>
                </div>
            </div>
            <div class="weui-loading_toast vux-loading" style="display: none;">
                <div class="weui-mask_transparent"></div>
                <div class="weui-toast">
                    <i class="weui-loading weui-icon_toast"></i>
                    <p class="weui-toast__content">申请中...</p>
                </div>
            </div>
            <div class="vux-toast">
                <div class="weui-mask_transparent" style="display: none;"></div>
                <div class="weui-toast weui-toast_cancel" style="width: 7.6em; display: none;">
                    <i class="weui-icon-success-no-circle weui-icon_toast"></i>
                    <p class="weui-toast__content"></p>
                </div>
            </div>
        </div>
    </div>
    </div>
</body>
</html>
